// 测试一下   接口是否可以正常使用
// axios.get("/student/list").then(result => {
//     console.log(result);
// });

// 实现 登录 和 注册 的表单切换
// 获取元素
const registerBox = document.querySelector('.register');
const loginBox = document.querySelector('.login');
const registerA = document.querySelector('.register-a');
const loginA = document.querySelector('.login-a');

// debugger; // 习惯de一下  看看是否正常获取

registerA.addEventListener("click", function () {
    // 隐藏 注册表单  显示 登录表单
    registerBox.style.display = "none";
    loginBox.style.display = "block";
})

loginA.addEventListener("click", function () {
    // 隐藏 登录表单  显示 注册表单
    loginBox.style.display = "none";
    registerBox.style.display = "block";
})



// 实现 注册功能
document.querySelector('.register form').addEventListener("submit", function (e) {
    // 阻止默认行为
    e.preventDefault();

    // 快速获取表单数据
    const data = $(this).serialize();
    // console.log(data);

    // 提交数据
    axios.post("/api/register", data).then(result => {
        console.log(result);
        if (result.data.code === 0) {
            this.reset();
            // 返回登录
            registerA.click();
        } else {
            console.log("出错了");
        }
    });

})


// 登录功能
// 给登录表单绑定 提交事件
loginBox.querySelector('form').addEventListener('submit', function (e) {
    e.preventDefault();
    // 获取表单中的用户名和密码 jq的快速获取的方式
    const data = $(this).serialize();

    // 调起登录接口
    axios.post('/api/login', data).then((result) => {
        // console.log(result);
        if (result.data.code === 0) {
            // 存token  
            localStorage.setItem("token", result.data.token);
            // 弹出一个提示框 显示一会之后 再跳 
            setTimeout(() => {
                // 跳转页面  
                location.href = "./index.html";
            }, 1500);
        }
    });
});
